header {
  width: 100%;
  height: 80px*@unit;
  background-color: #f40;
  display: flex;
  justify-content:space-between;
  align-items: center;
  h1{
    display: block;
    font-weight: normal;
    width:150px*@unit;
    height:100%;
    .flexDisplay();
    div{
      width:110px*@unit;
      height:34px*@unit;
      background: url("../image/sprites@2x.png") no-repeat;
      background-size:400*@unit 400*@unit;
      background-position:-6px*@unit -226px*@unit;
    }
    // div{
    //   margin: 0 auto;
    //   width:130px*@unit;
    //   height: 54px*@unit;
    //   background: url("../const/compress.png") no-repeat;
    //   background-size:130*@unit 54*@unit;
    // }
  }
  .login{
    // font-family: 'Pacifico', cursive;
    font-family: 'Ubuntu', 'DFKai-SB',sans-serif;
    width:120px*@unit;
    height: 100%;
    .flexDisplay();
    color:#FFFFFF;
    font-size:30px*@unit;
  }
  .search{
    flex: 1;
    height:100%;
    .flexDisplay(space-between);
    // padding-top:15px*@unit;
    position: relative;
    icon{
      position:absolute;
      left: 20px*@unit;
      width:45px*@unit;
      height:45px*@unit;
      display: block;
     background: url("../image/sprites@2x.png") no-repeat;
     background-size:400*@unit 400*@unit;
     background-position:-118px*@unit -217px*@unit;
   }
   input{
    width: 100%;
    height:60px*@unit;
    border:none;
    padding-left:70px*@unit;
    border-radius: 30px*@unit;
    font-size:23px*@unit;
  }
}
}
